import HomePage from './pages/home.vue'
import AboutPage from './pages/about.vue'
import FormPage from './pages/form.vue'
import FormPage1 from './pages/form1.vue'
import DynamicRoutePage from './pages/dynamic-route.vue'
import NotFoundPage from './pages/not-found.vue'

import PanelLeftPage from './pages/panel-left.vue'
import PanelRightPage from './pages/panel-right.vue'
import TabsPage from './pages/tabs.vue'
import Tab1 from './pages/tab1.vue'
import Tab2 from './pages/tab2.vue'
import Tab3 from './pages/tab3.vue'
import LoginPage from './pages/login.vue'

export default [
  {
    path: '/tabs/',
    component: TabsPage,
  },
  {
    path: '/tab1/',
    component: Tab1,
  },
  {
    path: '/tab2/',
    component: Tab2,
  },
  {
    path: '/tab3/',
    component: Tab3,
  },
  {
    path: '/panel-left/',
    component: PanelLeftPage,
  },
  {
    path: '/panel-right/',
    component: PanelRightPage,
  },
  {
    path: '/about/',
    component: AboutPage,
  },
  {
    path: '/form/',
    component: FormPage,
  },
  {
    path: '/form1/',
    component: FormPage1,
  },
  {
    path: '/dynamic-route/blog/:blogId/post/:postId/',
    component: DynamicRoutePage,
  },
  {
    path: '/login/',
    component:LoginPage,
    // loginScreen: {
    //   componentUrl: './pages/login.vue'
    // },
  },
  {
    path: '(.*)',
    component: NotFoundPage,
  },
]
